<script setup lang="ts">
defineProps({
  title: {
    type: String,
    required: true,
  },
})
</script>

<template>
  <div
    class="ppt-header flex align-items-center justify-content-between font-size-xl font-bold line-height-3xl"
  >
  <span>
    {{ title }}
    </span>
    <slot></slot>
  </div>
</template>

<style scoped lang="scss">
.ppt-header {
  color: var(--el-text-color-primary);
  border-bottom: var(--el-border);
}
</style>
